<html>
<head>
<style type="text/css">
		table#myInfoTab {}
		
		table#myRoleTab {border: 1px solid #aaa;border-collapse: collapse;}
		table#myRoleTab th {background-color: #efefef;border: 1px solid #aaa;text-align: center;}
		table#myRoleTab td {border: 1px solid #aaa;text-align: center;}
	</style>
</head>
<body >
	<input type="hidden"  id = "backOperatorId"  value="${backendOperatorVO.id! ''}">
	<div id="tabs" style="margin-top:10px;margin-left: 10px;" >
			<div title="个人信息" id="myInfoTop" selected="true"></div>
			<div title="我的角色" ></div>
			<div title="密码修改" ></div>
	</div>
	
	<div id="myInfoDiv" style="display: block;margin-left: 10px; margin-top: 10px;">
		<table id="myInfoTab">
				<tr>
					<td><font color="red">*</font>姓名</td>
					<td><input type="text"  disabled="disabled"  id="realName" value="${myBackendOperatorVO.realName! ''}"/></td>
					<td>员工编号</td>
					<td><input type="text"  disabled="disabled"  id="staffNo" value="${myBackendOperatorVO.staffNo! ''}"/></td>
				</tr>
				<tr>
					<td><font color="red">*</font>登录账号</td>
					<td><input type="text"  disabled="disabled"  id="userName" value="${myBackendOperatorVO.userName! ''}"/></td>
				</tr>
				<tr>
					<td>手机号码</td>
					<td><input type="text"  id="mobile" value="${myBackendOperatorVO.mobile! ''}"/></td>
					<td><font color="red">*</font> 账号状态</td>
					<td>
						<#if myBackendOperatorVO.operatorStatus == 0 >
							<input type="text"  id="operatorStatus"  disabled="disabled"   value="已冻结"/>
						<#elseif myBackendOperatorVO.operatorStatus == 1>
							<input type="text"  id="operatorStatus"  disabled="disabled"   value="已开通"/>
						</#if>	
					</td>
				</tr>
				<tr>
					<td>注册时间</td>
					<td colspan="3"><input type="text"  id="createTime"  disabled="disabled" value="${myBackendOperatorVO.createTime?string('yyyy-MM-dd')}"/></td>
				</tr>
				<tr>
					<td colspan="4" align="center">
						<a class="easyui-linkbutton" data-options="iconCls:'icon-add'"  onclick="saveMyInfo(1);" href="javascript:void(0)"  style="width:80px" >保存</a>
					</td>
				</tr>
		</table>
	</div>
	
	<div id="myRoleDiv" style="display: none;margin-left: 10px; margin-top: 10px;">
		<table id="myRoleTab" class="detail_table" style="width:800px;"></table>
	</div>
	
	<div id="myPassWordDiv" style="display: none;margin-left: 10px; margin-top: 10px;">
		<table id="myPassWordTab">
				<tr>
					<td><font color="red">*</font>旧密码：</td>
					<td colspan="2"><input type="password"  id ="oldPassword" maxlength="20" /></td>
				</tr>
				<tr>
					<td><font color="red">*</font>新密码：</td>
					<td><input type="password"  id ="newPassword" maxlength="20"/ ></td>
					<td><span id="passwordRuleLink"  >密码规则说明<div id="passwordRule" style="display: none;float: right;color:red;position:absolute;top: 40px; left: 315px;" >1、6位或以上长度;<p>2、不能与前三次使用密码重复；<p>3、密码有效时间为90天；<p><p>4、包含来自以下四个类别中的三类；<br>1)大写英文字母（从 A 到 Z）；<br>2)小写英文字母（从 a 到 z）；<br>3)10 个基本数字（从 0 到 9）;<br>4)非字母字符（例如，!、$、#、%）;<br></div></span></td>
				</tr>
				<tr>
					<td><font color="red">*</font>新密码确认：</td>
					<td colspan="2"><input type="password"  id ="confirmNewPassword" maxlength="20" /></td>
				</tr>
				<tr>
					<td colspan="3" align="center">
						<a class="easyui-linkbutton" data-options="iconCls:'icon-add'"  onclick="saveMyInfo(2);" href="javascript:void(0)"  style="width:80px" >保存</a>
					</td>
				</tr>
		</table>
	</div>
	
	<script type="text/javascript" src="${mainDomain}/statics/js/backend/user/userInfo.js?version=1002"></script>
	<script>
	var mainDomain = "${mainDomain}";
	var miscDomain = '${mainDomain}';
</script>
</body>
</html>